<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>phy-result</title>
    <link rel="stylesheet" href="../admin/layui-v2.4.5/layui/css/layui.css" media="all">
    <script src="../admin/layui-v2.4.5/layui/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

    <script type="text/html" id="editBar">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>
    <script>
        layui.use('table', function () {
            var table = layui.table;

            table.render({
                elem: '#result'
                , url: '/allResult'
                , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                , limit: 5
                , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                    layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']//自定义分页布局
                    , limits: [5, 10, 15]
                    , first: false //不显示首页
                    , last: false //不显示尾页
                }
                , toolbar: 'default'
                , cols: [[
                    {type: 'checkbox', fixed: 'left'}
                    , {field: 'id', title: 'ID', sort: true}
                    , {field: 'num', title: '学号', sort: true}
                    , {field: 'stuName', title: '姓名'} //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
                    , {field: 'age', title: '年龄', sort: true}
                    , {field: 'sex', title: '性别'}
                    , {field: 'contact', title: '联系方式'}
                    , {field: 'deptName', title: '所属院系'}
                    , {field: 'proName', title: '项目'}
                    , {field: 'result', title: '结果'}
                    , {field: 'qualify', title: '是否合格', align: 'center'}
                    // , {field: 'classify', title: '职业', align: 'center'} //单元格内容水平居中
                    // , {field: 'experience', title: '积分', sort: true, align: 'right'} //单元格内容水平居中
                    // , {field: 'score', title: '评分', sort: true, align: 'right'}
                    , {field: 'remark', title: '备注', align: 'right'}
                    , {fixed: 'right', title: '操作', toolbar: '#editBar', width: 150}
                ]]
            });
        });
    </script>
</head>
<body>
phy-result
<table class="layui-hide" id="result"></table>

</body>
</html>